<%@ page import="net.tanesha.recaptcha.ReCaptcha"%>
<%@ page import="net.tanesha.recaptcha.ReCaptchaFactory"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- Using Login CSS -->
<style>
#recaptcha_widget {
	margin-top: 15px;
	margin-bottom: 5px;
}

#recaptcha_image {
	width: 85% !important;
	float: left;
}

#recaptcha_challenge_image {
	width: 100% !important;
}

#recaptcha_control {
	width: 96%;
	margin-right: 10px;
	margin-bottom: 15px;
	min-height: 57px;
}

#recaptcha_control_group {
	margin-top: 5px;
	width: 15%;
	float: left;
	text-align: right;
	width: 15%;
}

.recaptcha_only_if_image, .recaptcha_only_if_audio {
	clear: both !important;
}
</style>
<script type="text/javascript">
	var RecaptchaOptions = {
		lang : 'en',
		theme : 'custom',
		custom_theme_widget : 'recaptcha_widget'
	};
</script>
<div id="reset_area">
	<form:form action="reset" modelAttribute="user" method="post">
		<fieldset id="reset_field">
			<legend>Reset Password</legend>
			<div>
				<form:input path="email" placeholder="User Name" cssClass="first" />
			</div>
			<div>
				<form:errors path="email" cssClass="error" />
			</div>
			<div id="recaptcha_widget" style="display: none">
				<div id="recaptcha_control">
					<div id="recaptcha_image"></div>
					<div id="recaptcha_control_group">
						<!-- Control -->
						<div>
							<a href="javascript:Recaptcha.reload()"><img
								id="recaptcha_reload" width="25" height="18"
								alt="Get a new challenge"
								src="http://www.google.com/recaptcha/api/img/clean/refresh.png"></a>
						</div>
						<div class="recaptcha_only_if_image">
							<a href="javascript:Recaptcha.switch_type('audio')"><img
								id="recaptcha_switch_audio" width="25" height="15"
								alt="Get an audio challenge"
								src="http://www.google.com/recaptcha/api/img/clean/audio.png"></a>
						</div>
						<div class="recaptcha_only_if_audio">
							<a href="javascript:Recaptcha.switch_type('image')"><img
								id="recaptcha_switch_audio" width="25" height="15"
								alt="Get an visual challenge"
								src="http://www.google.com/recaptcha/api/img/clean/text.png"></a>
						</div>

						<div>
							<a href="javascript:Recaptcha.showhelp()"><img
								id="recaptcha_whatsthis" width="25" height="16"
								src="http://www.google.com/recaptcha/api/img/clean/help.png"
								alt="Help"></a>
						</div>
					</div>
				</div>

				<div class="recaptcha_only_if_incorrect_sol" style="color: red">Incorrect
					please try again</div>
				<div>
					<div class="recaptcha_only_if_image">Enter the words above:</div>
					<div class="recaptcha_only_if_audio">Enter the numbers you
						hear:</div>
					<input type="text" id="recaptcha_response_field"
						name="recaptcha_response_field" />
				</div>
				<div>
					<form:errors cssClass="error"></form:errors>
				</div>

				<script type="text/javascript"
					src="http://www.google.com/recaptcha/api/challenge?k=6LfPqvwSAAAAACfhlSAJJT5937E1x85ytZ-LSj9D">
					
				</script>
				<noscript>
					<iframe
						src="http://www.google.com/recaptcha/api/noscript?k=6LfPqvwSAAAAACfhlSAJJT5937E1x85ytZ-LSj9D"
						height="300" width="500"></iframe>
					<br>
					<textarea name="recaptcha_challenge_field" rows="3" cols="40">
   </textarea>
					<input type="hidden" name="recaptcha_response_field"
						value="manual_challenge">
				</noscript>
			</div>
			<div>
				<input type="submit" value="Reset Password" />
			</div>
			<div style="clear: both;"></div>
		</fieldset>
	</form:form>
</div>